// app global css in SCSS form
// Quasar SCSS (& Sass) Variables

@import './quasar.variables.scss';

body {
  font-family: Arial, sans-serif;
}
.padding-page {
  // max-width: 1400px !important;
  // margin: auto;
  padding-left: calc(50% - 600px);
  padding-right: calc(50% - 600px);
}

.body--light {
  // 主色调, 常态显示的颜色
  --q-primary   : #428bca;
  --q-secondary : #d9edf7;
  --q-accent    : #ff7043;
  --q-positive  : #66bb6a;
  --q-negative  : #ef5350;
  --q-info      : #42a5f5;
  --q-warning   : #ffca28;
  --q-foreground: #252525;
  --q-background: #f0f4f9;
  .bg-background {
    background: var(--q-background) !important;
  }
  .text-foreground {
    color: var(--q-foreground) !important;
  }
}

.body--dark {
  --q-primary   : #009688;
  --q-secondary : #7cb342;
  --q-accent    : #f4511e;
  --q-positive  : #43a047;
  --q-negative  : #e53935;
  --q-info      : #1e88e5;
  --q-warning   : #ffb300;
  --q-foreground: #ffffff;
  --q-background: hsl(0, 0%, 20%);
  .bg-background {
    background: var(--q-background) !important;
  }
  .text-foreground {
    color: var(--q-foreground) !important;
  }
}
